<template>
	<view class="wrap">
		<!-- <image class="imgSuccess" src="../../static/activity/pay_success.png" mode=""></image> -->
		<image class="imgSuccess" :src="successPic" mode=""></image>
		<view class="amount">
			<text class="amount_unit">¥</text>
			<text class="amount_price">{{totalPrice}}</text>
		</view>
		<text>付款成功</text>
		
		<view class="navi">
			<view class="btn leftBtn" @click="goActivityList">
				返回活动列表
			</view>
			<view class="btn rightBtn" @click="goOrderList">
				查看活动订单
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				totalPrice : 0,
				successPic: this.baseImageUrl + 'uni_rental/成功_icon@2x.png',
			}
		},
		methods: {
			goActivityList() {
				// uni.navigateBack({
				//     delta: 4
				// });
				uni.reLaunch({
					url:'/pages/home/home'
				})
			},
			
			goOrderList() {
			  uni.redirectTo({
			  	url:'./activity-orderList'
			  })
			}
      
		},
		onLoad(op) {
			this.totalPrice = op.totalPrice;
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #fff;
	}
.wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	.imgSuccess {
		width: 180upx;
		height: 180upx;
		margin-top: 75upx;
	}
	
}

.amount {
	display: flex;
	align-items: flex-end;
	margin-top: 50upx;
	&_unit {
		font-size: 30upx;
		font-family: PingFang SC, PingFang SC-Bold;
		font-weight: bold;
		text-align: center;
		color: #333333;
		position: relative;
		top: -10upx;
	}
	&_price {
		font-size: 60upx;
		font-family: PingFang SC, PingFang SC-Bold;
		font-weight: bold;
		text-align: center;
		color: #333333;
	}
}

.navi {
	margin-top: 80upx;
	display: flex;
	align-items: center;
}

.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 280upx;
	height: 80upx;
	font-size: 28upx;
	font-family: PingFang SC, PingFang SC-Bold;
	font-weight: bold;
	text-align: center;
	border-radius: 40upx;
}

.leftBtn {
	border: 2upx solid #999;
	color: #333;
	margin-right: 30upx;
}

.rightBtn {
	background-color: #F83C57;
	color: #fff;
}


</style>
